l<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>CC3200 Mongoose sensor demo</title>
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <script type="text/javascript" src="main.js"></script>

  <style>
* {
  outline: none;
  box-sizing: border-box;
}

body {
  background: #7cf;
  color: #555;
  margin: 0;
  padding: 0;
  font: 16px/1.4 Helvetica, Arial, sans-serif;
}

div.content {
  width: 800px;
  margin: 1em auto;
  padding: 2em;
  background-color: #fff;
  border-radius: 1em;
}

a:link, a:visited {
  color: #69c;
  text-decoration: none;
}

#graphs {
  margin-top: 1em;
}

.graph {
  min-height: 12em;
  border: 0px solid #ccc;
  position: relative;
  margin: 0;
  padding-right: 5px;
  width: 100%;
  display: inline-block;
}

.graph_title {
  position: absolute;
  top: 0.5em; left: 1em;
  color: #ccc;
  font-weight: bold;
  z-index: 999;
}

button { font-size: 100%; }

  </style>

</head>
<body>
  <div class="content">
    <img src="
" style="float:right; height: 50px; border-radius: 3px;">
    <h1>Mongoose on CC3200 LaunchPad</h1>

    <p>
      This web page demonstrates how Mongoose embedded networking library can be
      used to implement real-time data exchange. Here, a TI CC3200 board pushes
      JSON-encoded WebSocket frames to the connected browser, which in turn
      graphs the data. Also, the browser can send commands to the device wrapped
      into a WebSocket frame to turn an LED on/off.
    </p>

    <button id="on_off_button">Switch LED off</button>

    <div id="graphs"></div>

  </div>
</body>
</html>
